/* CSS layout Only */

body {
	margin:0;
	padding: 0; /* always good to start with a level playing field due to browser defaults */
	text-align: center; /* for IE 5* series browsers */
	font: 100.1% Verdana, Arial, Helvetica, sans-serif;
	}
html, body { /* this selector stops the "page jump" look in some browsers when the page is short and centered and the right chrome goes away */
	height: 100%;
	margin-bottom: 1px;
}
#container{ 
	position: relative;
	width:780px;
	margin: 0 auto;
	text-align: left; /* added to realign from the text-align: center in the body element */
	}

/* the following is for accessibility reasons - skip navigation */ 

#skipnav {
	position: absolute; /* sets the div to be positioned in relation to the body and removes it from the flow */
	top: 0; 
	left: 0;
	margin-left: -1000px; /* moves the div off the left side of the screen, making it invisible to visual browsers but not to those using screen readers */
	}
	
 /* start top red bar and CSUF identifier */

#search a{
		   float: right !important;
		   font-family: Verdana, Arial, Helvetica, sans-serif;
		   font-size: 65%;
		   color: #799d80 !important;
		   text-decoration: none;  
		   margin-right: 40px;
		   margin-top: 60px;
		   }		  		  

#search a:visited {color:#799d80 !important; 
					text-decoration: none;}
					
#search a:hover   {color:#f26d6d !important;
					text-decoration: underline;}	 
					
/*ANCA Membership Form*/

#salutation {
			  display: block; 
			  }

#personal input {
			   margin-left: 20px;
			   font-family: Verdana, Arial, Helvetica, sans-serif;
    		   font-size: 13px;
    		   margin-bottom: 5px;
               display: block;
               padding: 4px;
               border: solid 1px #85b1de;
               width: 300px;
			  } 
#advocate select{margin-left: 30px;}
#advocate label{
			margin-left: 0px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			display: block;
			}

#advocate option {position:absolute;			
			     margin-left: 50px;
				 }

#membership label{
              margin-left: 15px;
			}
			
#other input { margin-left: 20px;
			   font-family: Verdana, Arial, Helvetica, sans-serif;
    		   font-size: 13px;
    		   margin-bottom: 5px;
               display: block;
               padding: 4px;
               border: solid 1px #85b1de;
               width: 300px;
			   }			

#status label {position: absolute; padding-top: 2em; left: 30px;}

		
#status input { margin-left: 215px;
				}			
			
			
#status  br+input { margin-left: 235px:
					}
					
#status br+input	{ margin-left: 235px;
				}
				
#newsletter_choice input{margin-left: 25px;
					margin-top: -20px;
					}
					
#newsletter_choice p {margin-left: 30px;
					  margin-top: -20px;
					 }														
			
#buttons {margin-left: 20px; margin-top: 40px !important;}	

#alikithanks {margin-top: 30px;}
#thanks p{text-indent: 0px; margin-top: -40px;}

/*End ANCA Membership Form */

/*Subcribe Form Styles*/

#member input { margin-left: 20px;
				margin-top: 10px;
				}

#membersubmit {margin-left: 175px;
			   margin-top: 20px;
			   }
			   
#paper_newsletter {padding-top: 10px;}			   
				
#paper_newsletter input {margin-left: 30px;
				         margin-top: -20px;
				         }
#paper_newsletter p {margin-left: 30px;
					  margin-top: -20px;
					 }
					 
#subscribesubmit {margin-left: 40px; margin-top: 40px !important;}																				 
						 
/* IE uses the active pseudo class to indicate focus when someone is navigating without a keyboard. The rest use the focus pseudo class... so if you want the keyboard navigator to see the same focus as the person hovering with a mouse, use the following: */

#csuf_nav a, #csuf_nav a:link, #csuf_nav a:visited  {
	color: #fff; 
	text-decoration: none;
	}
#csuf_nav a:hover, #csuf_nav a:active, #csuf_nav a:focus {
	color: #464646; 
	text-decoration:underline; 
	}
/* end top red bar and CSUF identifier */


#unit_banner img {display: block; 
				 } 

#csuf_header {
			  background: #62A7DE;
			  width: 780px;
			  height: 16px;
			  }
			  
#csuf_header img{float: left; 
				margin-top:1px; 
				color: white !important;
				font-family:Verdana,Arial,Helvetica,sans-serif;
				font-size:70%;
				font-weight:bolder;	
				}
	
#csuf_header a{ float: right; color: white !important;
				font-family:Verdana,Arial,Helvetica,sans-serif;
				font-size:70%;
				font-weight:bolder;
				margin:1px 5px 0 0;
				text-align:right;
				text-decoration: none;
				}

#csuf_header a:hover {color: #464646 !important; text-decoration: underline;}
#csuf_header a:visited {color: #fff;}
	
#csuf_nav {
	background-color: #758BB0 !important;
	color:#fff;
	}


#primary_nav p {
	margin: 0; /* needed to narrow this nav bar and eliminate the extra space around the text */
	}
/* end top primary links */

#leftbar_holder {
	float: left;
	width: 160px;
	min-height: 500px;
	margin: 0;
	}
/* end leftbar_holder */
	
/* start .nav -- placed on the UL creating the buttons  */

.nav a { 
	width: 210px; 
	}

.nav ul a { 
	width: 210px;
	 }
/*end .nav */

#content {
	margin: 0 160px;
	} 
	
.fixed1B #content, .fixed3B #content { /* this selector overrides the normal content margins for any layout with a left side column */
	margin: 0 0 0 160px;
	}
.fixed2B #content, .fixed4B #content  { /* this selector overrides the normal content margins for any layout with a right side column */
	margin: 0 160px 0 0;
}
/* end content */
	

#rightbar_holder {
	margin-top: 20px;
    float: right;
   	width: 230px;
	}

/*#page_body #rightbar_1 ul { margin: 0; }

#page_body #rightbar_1 ul li { margin: 0; }*/

/*Oz Conference Writing Contest Winners Styles*/

#winners_body p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 83%;
	line-height: 150%;
	text-indent: 20px;
	margin: 10px; 
	}
	
.winners_flipbook{ float: left; padding: 1em;}	

#winners_illus { margin-left: 1.5em;}

#winners_body ul {
	font-size: 80%;
	line-height: 140%;
	list-style: outside;
	}
	
#winnners_body ul li {
	font-size: 80%;
	line-height: 140%;
	list-style: outside;
	list-style-image: url(../images/reddot2.gif);
	}

#footer {
	clear:both;
	height: auto;
	}

/* end footer  */
	
/* preventing float spill-over */

/* the following selectors keep floats from flowing out of their parent elements */
.clearfix:after {
	content: ".";
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
	}
	
/*Hides from MacIE \*/
* html .clearfix {
	height: 1%;
	}
	
.clearfix {
	display: block;
	}
	
/* End hide from MacIE */			

/* .brclear is needed to stop footer from jumping up when a hyperlink in #content is moused over (IE6). This is only happens when #rightbar content is longer than #content content. */	
.brclear { 
     clear:both; 
     height:0; 
     margin:0;
     font-size: 1px;
     line-height: 0px;
}

.nav, .nav ul {
	margin: 0;
}